<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'register.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
	<script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
	<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<style>
		*{
		  	font-family: "微软雅黑";
		  }
		body{
		  	background-image: url("images/bgcolor.png");
		}
		#top{
	  		position:relative;
	  		top:20px;
	  		font:80px '华文行楷';
	  		color:#5B5B5B;
	  	}
	  	#deer{
	  		position:absolute;
	  		top:45%;
	  		left:5%;
	  	}
	  	hr {
		  	margin-top: 20px;
		  	margin-bottom: 20px;
		  	border: 0;
		  	border-top: 5px solid #5B5B5B;
		}
		.form{
	  		width:410px;
	  		height:470px;
	  		background: white;
	  		margin:140px auto;
	  		padding:20px 60px;
	  		border-radius:20px;
	  		box-sizing: border-box;
	  		box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.4); 
	  	}
	  	.left{
  			clear:both;
			border-bottom: 1px solid #2D456B;
			height: 41px;
			line-height: 41px;
			float:left;
			color: #666;
	  	}
	  	input[type=text]{
	  		border:0;
	  		color: #666;
			height: 3.3625rem;
			width: 19.8125rem;
			text-indent: 3.125rem;
			outline: none;
	  	}
	  	input[type=password]{
	  		border:0;
	  		color: #666;
			height: 3.3625rem;
			width: 19.8125rem;
			text-indent: 3.125rem;
			outline: none;
			background: none;
	  	}
	  	input[type=radio]{
	  		margin-left:10px;
	  	}
	  	h2{
	  		font-family: "微软雅黑";
	  		margin-left:115px;
	  		width: 200px;
			height: 35px;
			color: #2d456b;
			font-size: 25px;
			text-align: left;
			font-weight: bold;
	  	}
	  	.input{
  			float:left;
  		 	color: #666;
  		  	border-bottom: 1px solid #2D456B;
		  	height: 41px;
		  	width: 19.8125rem;
  		}
  		.b{
	   		border-bottom: none;
	  		outline: none;
	  		height: 3.5625rem;
			border: none;
		 	color: #fff;
			width: 23.325rem;
			text-align: center;
			background-color: #2D456B;
			text-indent: 0rem;
			cursor:pointer;
			font-family: 20px;
	  	}
	  	a{
	  		color:white;
	  	}
	</style>

  </head>
  
  <body>
  	<div align="center" id="top">欢迎进入图书销售系统<hr size="5px" width="70%" color="#5B5B5B"/></div>
	<div id="deer">
		<img src="images/img_deer.png" style="height: 300px; width: 300px; ">
	</div>
	<div class="form">
		<h2>注册</h2>
	    <form action="registerServlet" method="post">
   			<div class="left">昵称：</div><div class="input"><input type="text" name="username" placeholder="请输入昵称"/></div>
   			<div class="left">密码：</div><div class="input"><input type="password" name="password" placeholder="请输入密码"/></div>
   			<div class="left">性别：</div><div class="input" style="padding-top:10px;box-sizing: border-box;"><input type="radio" name="sex" value="男" checked/>男<input type="radio" name="sex" value="女"/>女</div>
   			<div class="left">电话：</div><div class="input"><input type="text" name="tel" placeholder="请输入电话号码"/></div>
   			<div class="left">地址：</div><div class="input"><input type="text" name="address" placeholder="请输入地址"/></div>
   			<div class="left">类型：</div><div class="input" style="padding-top:10px;box-sizing: border-box;"><input type="radio" name="type" value="1" checked/>用户<input type="radio" name="type" value="2"/>销售商</div>
   			<div class="left" style="float:none;cursor:pointer;border:none"><input type="submit" value="提交" class="b"/></div>
   			<div style="clear:both;background:#F45353;margin-top:10px;padding-top:10px;box-sizing: border-box;" class="b"><a href="index.jsp">返回</a></div>
	    </form>
    </div>
  </body>
</html>
